@mixin center() {
	display: flex;
	justify-content: center;
	/* 水平居中 */
	align-items: center;
	/* 垂直居中 */
}

.placeholder {
	color: #999999;
	font-size: 28rpx;
}
//logo定位
.position {
	position: relative;
	z-index: 1;
}
.box {
	width: 702rpx;
	margin: 0 auto;
	background: #ffffff;
	box-shadow: 0px 0px 10rpx 0px rgba(0, 0, 0, 0.14);
	border-radius: 10rpx;
	margin-top: 24rpx;

	.line {
		border-bottom: 2rpx solid #f6f6f6;

		&:last-child {
			border-bottom: none;
		}

		.tag {
			margin-top: 22rpx;
			float: right;
			min-width: 28rpx;
			padding: 0 8rpx;
			background: #eb5c02;
			border-radius: 22rpx;
			font-size: 26rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #ffffff;
			height: 44rpx;
			line-height: 44rpx;
			-webkit-backface-visibility: hidden;
			-moz-backface-visibility: hidden;
			-webkit-transform: translate3d(0, 0, 0);
			-moz-transform: translate3d(0, 0, 0);
		}

		margin: 0 25rpx;
		height: 90rpx;
		line-height: 90rpx;

		.name {
			@include center;
			float: left;
			font-size: 28rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #333333;
		}

		.icon {
			@include center;
			float: right;
			height: 90rpx;
			padding-left: 26rpx;
		}

		.main {
			float: right;
			font-size: 28rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #333;
		}
	}

	.list {
		width: 100%;
		padding: 24rpx 0 30rpx;
		overflow: hidden;
		.li {
			width: 20%;
			float: left;

			overflow: hidden;
			text-align: center;

			.iconssdd {
				margin: 0 auto;
				width: 90rpx;
				height: 90rpx;
				border-radius: 50%;
				image {
					width: 100%;
					height: 100%;
					border-radius: 50%;
				}
			}
			.icon {
				margin: 0 auto;
				width: 90rpx;
				height: 90rpx;
				overflow: hidden;
				border-radius: 50%;
				-webkit-backface-visibility: hidden;
				-moz-backface-visibility: hidden;
				-webkit-transform: translate3d(0, 0, 0);
				-moz-transform: translate3d(0, 0, 0);
			}

			.name {
				font-size: 28rpx;
				font-family: PingFang SC;
				font-weight: 500;
				color: #666666;
			}

			.gread {
				margin: 0 auto;
				text {
					padding: 0 10rpx;
					height: 26rpx;
					line-height: 26rpx;
					font-size: 20rpx;
					font-family: PingFang SC;
					font-weight: 500;
					color: #333333;
					border-radius: 13px;
					background: #fbd220;
				}
			}
		}
	}

	.text-area {
		// height: 176rpx;
		// text-align: center;

		textarea {
			height: 176rpx !important;
			font-size: 28rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #333;
			padding: 18rpx 12rpx;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			/* Firefox */
			-webkit-box-sizing: border-box;
			/* Safari */
			margin: auto;
		}
		.countNum {
			font-size: 22rpx;
			padding: 18rpx 12rpx;
			margin-right: 20rpx;
			text-align: right;
		}
	}

	.yingye {
		height: 146rpx;
	}

	.company-info {
		.li {
			border-bottom: 2rpx solid #f6f6f6;
			overflow: hidden;
			height: 86rpx;
			line-height: 86rpx;
			margin: 0 16rpx;

			.title {
				float: left;

				font-size: 28rpx;
				font-family: PingFang SC;
				font-weight: 500;
				color: #999999;
			}

			.con {
				float: right;
				text-align: left;
				font-size: 28rpx;
				font-family: PingFang SC;
				font-weight: 500;
				color: #333333;

				input {
					height: 86rpx;
					line-height: 86rpx;
				}
			}

			&.adress {
				height: auto;

				.con {
					align-items: center;
					display: flex;
					width: 400rpx;
				}
			}
		}
	}
}

page {
	background-color: #f1f1f1;
}

.logo {
	width: 750rpx;
	// height: 378rpx;
	background: #fbd220;
	padding-top: 28rpx;
	padding-bottom: 20rpx;
	.logo-icon {
		width: 160rpx;
		height: 160rpx;
		box-shadow: 0px 2rpx 10rpx 0px rgba(157, 128, 0, 0.5);
		border-radius: 10rpx;
		overflow: hidden;
		margin: 0 auto 20rpx;
	}
	.logo-icon2 {
		width: 160rpx;
		height: 160rpx;
		border-radius: 10rpx;
		overflow: hidden;
		margin: 0 auto 20rpx;
	}
	.info {
		text-align: center;
		position: relative;
		.company-name {
			width: 80%;
			margin: auto;
			font-size: 30rpx;
			font-family: PingFang SC;
			font-weight: bold;
			color: #333333;
		}

		.store-name {
			@include center;
			font-size: 24rpx;
			.name {
				padding: 12rpx 0;

				font-family: PingFang SC;
				font-weight: 500;
				color: #333333;
			}
		}

		.set-time {
			@include center;
			font-size: 24rpx;
			margin-top: 10rpx;
			font-family: PingFang SC;
			color: #ffffff;
		}
	}
}

.license {
	display: flex;
	justify-content: flex-end;
	image {
		margin-top: 10rpx;
		width: 172rpx;
		height: 114rpx;
	}
}

.footer {
	width: 100%;
	display: flex;
	justify-content: center;
	background-color: #fff;
	position: fixed;
	z-index: 1;
	bottom: 0;
	button {
		margin: 20rpx 0 20rpx;
		@include center;
		width: 702rpx;
		height: 88rpx;
		background: linear-gradient(-90deg, #fdd421, #ffe23e);
		border-radius: 44rpx;
	}
	button::after {
		border: 0rpx;
	}
}

.mr12 {
	margin-right: 12rpx;
}
.popup_title {
	font-size: 34rpx;
	font-weight: bold;
	color: #333333;
	line-height: 88rpx;
}
.btnWrap {
	width: 432rpx;
	height: 78rpx;
	line-height: 78rpx;
	display: flex;
	margin: auto;
	font-size: 30rpx;
	margin-top: 60rpx;
	.left {
		width: 50%;
		color: #ffe23e;
		background: #333333;
		border-radius: 39px 0px 0px 39px;
	}
	.right {
		width: 50%;
		color: #333;
		border-radius: 0px 39px 39px 0px;
		background: linear-gradient(-90deg, #fdd421, #ffe23e);
	}
}
.pad-l-r-20 {
	padding: 0rpx 40rpx;
	text-align: left;
}
image {
	width: 400rpx;
	height: 400rpx;
}
